<template>
  <div id="container"></div>
</template>

<script lang="ts" setup>
// import { shallowRef } from 'vue'
// import AMapLoader from '@amap/amap-jsapi-loader'

// const map = shallowRef(null)
// function initMap() {
//   AMapLoader.load({
//     key: '0b6f4e7f754ce118bbb557005e65dd09',
//     version: '2.0',
//     plugins: ['']
//   })
//     .then((AMap) => {
//       map.value = new AMap.Map('container', {
//         viewMode: '3D',
//         zoom: 5,
//         center: [105.602725, 37.076636]
//       })
//     })
//     .catch((e) => {
//       console.log(e)
//     })
// }

// onMounted(() => {
//   initMap()
// })
</script>

<style lang="scss" scoped>
// #container {
//   width: 100%;
//   height: 100%;
//   background-color: beige;
// }
</style>
